


$(function(){


    function getCategoryList() {
        
        //使用ajax.get
        $.get('/admin/category/list',function(res){

             //获取data数据
             let list = res.data
             // 传入数据
             let tem = template('tmp',{list})
             //添加到页面
             $('.category_table tbody').html(tem)

        })



    }

    getCategoryList()

    //给保存按钮添加事件
    $('.btn_opt_add').on('click',function(){

        //获取数据
       let name= $('input[name="name"]').val().trim()
       let slug = $('input[name="slug"]').val().trim()
       console.log(name,'name');
       console.log(slug,'slug');
       //数据为空判断
       if (!name||!slug){
           //提示框
           layer.msg('文章名或别名不能为空');
           return

       }

       //发送请求
       $.post('/admin/category/add',{name,slug},function(res){
           console.log(res,'-----------------------');
           if(res.code == 200){
               //提示
               layer.msg('添加成功');

               console.log(res);
               //清空输入框
               $('input[name="name"]').val('')
                $('input[name="slug"]').val('')
              //关闭模态框
              $('#myModal').modal('hide')
    
              //刷新数据
              getCategoryList()
           }
       })

    })


    //点击编辑按钮显示模态框
    //编辑按钮是动态生成,用事件委托
    //  console.log($('.category_table'));
     $('.category_table').on('click','.edit',function(){

        //显示模态框
        $('#editModal').modal('show')

        //模态框内显示数据
        //方法:给按钮上设置自定义属性 
        //获取自定义属性值
        console.log($(this).data('item'));
        let value = $(this).data('item')
        //将值传入模态框
        $('#name').val(value.name)
        $('#slug').val(value.slug)

        //给标签绑定自定义属性 data-id
        $('#editModal').data('id',value.id)

        
     })

     //给保存按钮添加事件
    console.log($('.btn_opt')); 

    $('.edi_btn_opt').on('click',function(){

        //获取id
        //方法:给标签设置自定义属性
        //获取
        let id =  $('#editModal').data('id')
        let name = $('#name').val()
        let slug = $('#slug').val()

    //   发送请求
    $.post('/admin/category/edit',{id,name,slug},function(res){
        console.log(res);

        layer.msg('修改成功');

               console.log(res);
               //清空输入框
               $('#name').val('')
                $('#slug').val('')
              //关闭模态框
              $('#editModal').modal('hide')
    
              //刷新数据
              getCategoryList()

        
    })



    })

    //删除按钮添加事件
    $('.category_table').on('click','.delete',function(){
        //弹出提示框 
        //因为函数在回调函数中,使用this无法获得想要数据,所以函数要用箭头函数
        layer.confirm('您是否要删除', {icon: 3, title:'提示'}, (index)=>{
            //点击确定执行代码
            //获取id
            let id =$(this).data('id')
            console.log(id);
            //发送请求
            $.post('/admin/category/delete',{id},function(res){
                console.log(res);
                if(res.code ===200){
                    layer.msg('删除成功');
                    //刷新数据
                    getCategoryList()
                }
            })
            layer.close(index);  //关闭询问框
          });
    })
    






})